// 加载页面判断cookie，有cookie的话进入用户主页
$(function($) {


    if (getCookie('$flag') == '' && document.cookie != '') {
        let str = decodeURIComponent(document.cookie);
        console.log(str);
        // $('.log_Btn>a').text('')
        let arr = str.split('=');
        let newstr = arr[0].toString();
        $('.top_nav').children('li').eq(0).removeClass('log_Btn').addClass('user1').eq(0).text(newstr);
    }

})




// 窗口滚动事件
window.onscroll = function() {
    // 左侧导航条
    // console.log(document.documentElement.scrollTop);
    if (document.documentElement.scrollTop > 110) {
        $('.topslide_Nav').css('display', 'block');
    }
    if (document.documentElement.scrollTop < 110) {
        $('.topslide_Nav').css('display', 'none');
    }
    // 

}



// 点击购物车事件
$(function($) {
        $('.cart_Btn').on('click', function() {
            // console.log(document.cookie);
            if (document.cookie != '') {
                top.location.reload();
            }
        })
    })
    // 鼠标滑过顶部导航时出现二级菜单

$(function($) {
        $('.search_Button>li').eq(0).nextAll().on('mouseover', function() {
            $(this).children('.erJiCD').css('display', 'block');


        })
        $('.search_Button>li').eq(0).nextAll().on('mouseout', function() {
            $('.erJiCD').css('display', 'none');
        })

    })
    // 页面加载完成渲染二级菜单
$(function() {
        //   建立数据对象传参
        var dataObj = {
                "居家生活": {
                    "床品件套": "床品件套",
                    "被枕褥毯": "被枕盖毯,床垫床褥",
                    "办公家具": "办公家具,好物精选",
                    "卧室家具": "卧室家具,灯具,小件家具,北欧原木,浴室用品",
                    "厨房电器": "厨房电器,餐厨爆款清单",
                    "锅具清洁": "品质锅具,餐厨配件,刀剪砧板,餐具,水具杯壶,茶咖酒具,品茗茶具"

                },
                "宠物生活": {
                    "宠物主粮": "猫粮,犬粮",
                    "宠物零食": "宠物罐头,冻干零食"
                }
            }
            // 获取最大数量进行传参，建html结构
        function getKeyNum(obj) {
            let num = 0;
            for (x in obj) {
                num++;
            }
            return num;
        }
        // 写一个获取json对象KEY值的函数，以数组形式返回
        function getkey(obj) {
            let arr = [];
            for (x in obj) {
                // console.log(x);
                arr.push(x);
            }
            return arr;
        }
        // 获取对象的value,以二维数组形式返回
        function getvalue(obj) {
            let arr = [];
            for (x in obj) {
                // console.log(obj[x]);
                arr.push(obj[x].split(','));

            }
            return arr;
        }
        // 页面渲染
        $('.search_Button>li').eq(0).nextAll().each(function() {

            let topText = $(this).children('a').text();
            // console.log(topText);
            let liNum = getKeyNum(dataObj[topText]);

            let arr = getkey(dataObj[topText]);
            // console.log(arr);
            let erweiArr = getvalue(dataObj[topText]);
            // console.log(erweiArr);
            // console.log(liNum);
            for (let i = 0; i < liNum; i++) {
                $(this).children('.erJiCD').children('ul').append(`<li>${arr[i]}</li>`);
                $(this).children('.erJiCD').children('div').append("<ul></ul>")
            }

            let li = $(this).children('.erJiCD').children('div').children('ul');
            // console.log(li);
            let num = 0;
            li.each(function() {
                let xnum = 0;
                $.each(erweiArr[num], function() {
                    xnum++;
                });

                for (let i = 0; i < xnum; i++) {
                    $(this).append(`<li><div></div><span>${erweiArr[num][i]}</span></li>`)
                }

                num++;
            })
        })
    })
    // 购物车
    // 点击领券
$(function($) {
        $('.lingquan').on('click', function() {
            $('.quan').toggle();
        })
    })
    // 
    // 
    // 
    // 获取购物车数据库数据
$(function($) {
        if (document.cookie != '') {
            let str = decodeURIComponent(document.cookie);
            // console.log(str);
            // $('.log_Btn>a').text('')
            let arr = str.split('=');
            let newstr = arr[0].toString();
            $.get("./goodsAndShoppingCart/getShoppingCart.php", { "vipName": `${newstr}` }, function(data) {
                    let goodsdata = JSON.parse(data); //json 数组对象形式
                    // console.log(goodsdata);
                    let zongjia = 0;
                    let cart_Tag = 0;
                    for (let key in goodsdata) {
                        cart_Tag++;
                        let $div = $('#goods_box1').clone(true).appendTo($('.cart_body')).css('display', 'block');
                        $div.find('img').attr('src', `${ goodsdata[key]['goodsImg']}`);
                        $div.find('.goods_name1').text(`${ goodsdata[key]['goodsName'].slice(0,8) + '...'}`);
                        $div.find('.goods_price1').text('￥' + `${ goodsdata[key]['goodsPrice']}`);
                        $div.find('.goodsDesc1').text(`${ goodsdata[key]['goodsDesc'].slice(0,8) + '...'}`);
                        $div.find('.goods_num1').text('x' + `${ goodsdata[key]['goodsCount']}`);
                        $div.find('b').attr('index', `${ goodsdata[key]['goodsId']}`);
                        zongjia += goodsdata[key]['goodsPrice'] * goodsdata[key]['goodsCount'];
                    }
                    $('.cart_Tag').text(cart_Tag);
                    $('#zongjia').text('￥' + zongjia);

                })
                // 鼠标滑过购物车,显示商品
            $('.cart_Btn').hover(function() {
                $('.small_cart').css('display', 'block')
            }, function() {
                $('.small_cart').css('display', 'none')
            });

            // 点x删除购物车数据库商品
            $('.goods_info1').find('b').on('click', function() {
                    console.log(321);
                    let $this = $(this);
                    $.get("./goodsAndShoppingCart/deleteGoods.php", { 'vipName': `${newstr}`, 'goodsId': `${$(this).attr('index')}` }, (data) => {
                        if (data == 1) {
                            $('.cart_Tag').text(parseInt($('.cart_Tag').text() - 1));
                            $this.parents('#goods_box1').css('display', 'none');
                            alert('删除成功');


                        } else {
                            alert('删除失败');
                        }
                    });

                })
                // 点击去购物车结算
            $('.goodscart_btn1').on('click', function() {
                top.location.href = "./gouwuche.html";
            })
        }


    })
    // 阻止购物车事件冒泡
$(function() {
        $('.small_cart').on('click', function(e) {
            e.stopPropagation();
        })

    })
    // .stopPropagation();


// 点击购物车商品，跳转到商品详情页面
$(function() {
    $('.goods_name1').on('click', function() {
        console.log(333);
        let $goodsId = $(this).nextAll('b').attr('index');
        $.get("./goodsAndShoppingCart/getGoodsInfo.php", { "goodsId": `${$goodsId}` }, function(data) {
            let gdata = JSON.parse(data);
            console.log(gdata);
            let d = JSON.stringify(gdata);
            let storage = window.localStorage;
            storage.setItem("goodsdata", d);
            top.location.href = "./goodsInfo.html";

        });
        // let gdata = {
        //     goodsId: `${$(this).attr('index')}`,
        //     goodsName: `${$(this).find('#goods_name').children('span').text()}`,
        //     goodsPrice: `${$(this).find('#goods_price').text()}`,
        //     goodsInfo: `${$(this).find('#goods_info').text()}`,
        //     goodsImg: `${$(this).find('img').attr('src')}`
        // }
        // let d = JSON.stringify(gdata);
        // let storage = window.localStorage;
        // storage.setItem("goodsdata", d);
        // top.location.href = "./goodsInfo.html";
    })
})

// 页面加载渲染商品
$(function() {
        $.get("./goodsAndShoppingCart/getShoppingCart.php", { "vipName": `${getVipName()}` }, function(data) {
            let jsonArr = JSON.parse(data);
            for (let key in jsonArr) {
                let $goodsdiv = $('#goods_info2').clone(true).css('display', 'flex').addClass('goods_info3').appendTo($('#middle_goods'));
                $goodsdiv.find('img').attr('src', `${jsonArr[key]['goodsImg']}`);
                $goodsdiv.find('p').text(`${jsonArr[key]['goodsName']}`);
                $goodsdiv.find('span').text('￥' +
                    `${jsonArr[key]['goodsPrice']}`);
                $goodsdiv.find('input').val(`${jsonArr[key]['goodsCount']}`);
                $goodsdiv.find('.xiaoji').text('￥' + `${jsonArr[key]['goodsPrice']*jsonArr[key]['goodsCount']}`);
                $goodsdiv.find('.add_reduse').attr('index', jsonArr[key]['goodsId']);


            }


        })
        let flag = 0;
        $('.quanxuan').on('click', function() {
            if (flag == 0) {
                $(':checkbox').prop('checked', true);
                flag = 1;
            } else {
                $(':checkbox').prop('checked', false);
                flag = 0;
            }
        })
        $(':checkbox').on('click', function() {
            sum();
        })
    })
    // 求和函数
function sum() {
    let sum = 0;
    $('.goods_info3').find(':checkbox').each(function() {
        if ($(this).prop('checked') == true) {
            sum += parseInt($(this).nextAll('.xiaoji').text().slice(1));
        }
    })
    $('#zonge').text('￥' + `${parseInt(sum)}`);
}

// 当增加减少按钮点击时
$(function() {
        $('.reduce_nums').on('click', function() {
            // 输入框数量变化
            if ($(this).next().val() > 1) {
                // console.log($(this).parent().prev('span').text().slice(1));
                $(this).next().val($(this).next().val() - 1);
                let count = $(this).next().val();
                let price = parseInt($(this).parent().prev('span').text().slice(1));
                let sum1 = price * count;
                let Id = $(this).parent().attr('index');
                let $this = $(this);
                // console.log(count);
                $.get("./goodsAndShoppingCart/updateGoodsCount.php", { "vipName": getVipName(), "goodsId": Id, "goodsCount": count }, function(data) {
                    if (data == 1) {
                        $this.parent().next().text('￥' + `${sum1}`);
                        if ($this.parent().prevAll('input:checkbox').prop('checked') == true) {
                            sum();
                        }
                    }
                })

            }


        })
        $('.add_nums').on('click', function() {
                // 输入框数量变化
                if ($(this).prev().val() < 99) {
                    // console.log($(this).parent().prev('span').text().slice(1));
                    $(this).prev().val(parseInt($(this).prev().val()) + 1);
                    let count = $(this).prev().val();
                    let price = parseInt($(this).parent().prev('span').text().slice(1));
                    let sum1 = price * count;
                    let Id = $(this).parent().attr('index');
                    let $this = $(this);
                    // console.log(count);
                    $.get("./goodsAndShoppingCart/updateGoodsCount.php", { "vipName": getVipName(), "goodsId": Id, "goodsCount": count }, function(data) {
                        if (data == 1) {
                            $this.parent().next().text('￥' + `${sum1}`);
                            if ($this.parent().prevAll('input:checkbox').prop('checked') == true) {
                                sum();
                            }
                        }
                    })

                }


            })
            // 删除按钮点击时
        $(".del_goods").on('click', function() {
            let Id = $(this).prevAll('.add_reduse').attr('index');
            let $this = $(this);
            $.get("./goodsAndShoppingCart/deleteGoods.php", { "vipName": getVipName(), "goodsId": Id }, function(data) {
                if (data == 1) {
                    $this.parent().remove();
                    sum();
                }
            })
        })

    })
    // 获取vipname;
function getVipName() {
    if (document.cookie != '') {
        let str = decodeURIComponent(document.cookie);

        // $('.log_Btn>a').text('')
        let arr = str.split('=');
        let newstr = arr[0].toString();
        return newstr;
    }
}